<!doctype html>
<head>
  <title>Todo Phone</title>
  <!-- Every version of your webapp should include a list of all
  versions. -->
  <link rel="alternate" href="desktop.html" id="desktop"
  media="only screen and (touch-enabled: 0)">
  <link rel="alternate" href="phone.html" id="phone"
  media="only screen and (max-device-width: 640px)">
  <link rel="alternate" href="tablet.html" id="tablet"
  media="only screen and (min-device-width: 641px)">

  <meta name="viewport" content="width=device-width, user-scalable=no">
  <link href="bootstrap/css/bootstrap.css" rel="stylesheet">
  <style>
    ul.device-picker { margin: 20px 0; list-style-type: none; }
    ul.device-picker li { float: left; margin-right: 10px; }
  </style>
  <script src="../build/device.js"></script>
</head>

<body>
  <div class="navbar">
    <div class="navbar-inner">
      <div class="container">
        <a class="brand" href="#">Todos (Phone)</a>
        <ul class="nav pull-right">
          <li class="divider-vertical"></li>
          <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown">Phone <b class="caret"></b></a>
          <ul class="dropdown-menu">
            <li><a href="?device=desktop">Desktop</a></li>
            <li><a href="?device=tablet">Tablet</a></li>
          </ul>
          </li>
        </ul>
      </div>
    </div>
  </div>
  
  <ul class="nav nav-tabs nav-stacked">
    <li class="active">
    <a href="#">
      <span class="title">Inbox</span>
      <span class="pull-right">1</span>
    </a>
    </li>
    <li>
    <a href="#">
      <span class="title">Completed</span>
      <span class="pull-right">2</span>
    </a>
    </li>
    <li>
    <a href="#">
      <span class="title">Total</span>
      <span class="pull-right">3</span>
    </a>
    </li>
  </ul>

  <footer>
  <a class="btn pull-right" href="#"><i class="icon-plus"></i></a>
  <a class="btn" href="#"><i class="icon-cog"></i></a>
  </footer>

  <script src="bootstrap/js/jquery.js"></script>
  <script src="bootstrap/js/bootstrap.js"></script>
</body>
